<template>
  <div>
    <h2>条件判断指令</h2>
   <!-- v-if  v-else-if 和v-else 配合使用 -->
   <p v-if="age < 18">未成年</p>
   <p v-else-if="age >= 18 && age < 40">成年</p>
   <p v-else-if="age >=40 && age < 60">中年</p>
   <p v-else>老年</p>
   <p v-show="flag">v-show</p>
   <p v-if="flag">v-if</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
       age:30
    }
  }
  
}
</script>

<style>
  div {
    width: 300px;
    height: 300px;
    background-color: pink;
  }
</style>